$assets_path: "http://localhost/cookingclubapp/public/images/";
//$assets_path: "http://cookingclubapp.com/public/images/";

$primary_font_color: #ffffff;
$secondary_font_color:#34495e;
$white_color: #ffffff;
$off_white: #f8f8f8;
$gray_color: #ecf0f1;
$green_color: #2ecc71;
$blue_color:#3498db;

.group:after {
  content: "";
  display: table;
  clear: both;
}
.floatRight {
  float:right;
}
.floatLeft {
  float:left;
}

.dataEllip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.componentDesignA {
  background-color:rgba(189, 195, 199, 0.5);
  border-bottom:2px solid #bdc3c7;
}

.componentDesignB {
  background-color: $off_white;
  border: 1px solid #E5E5E5;
  border-bottom:2px solid #bdc3c7;
}

.componentDesignC {
  background-color: $off_white;
  border: 1px solid #E5E5E5;
  border-bottom:2px solid #bdc3c7;
}



@mixin border-top-left-radius($radius: $default-border-radius) {
  @include border-corner-radius(top, left, $radius);
}

@mixin border-top-right-radius($radius: $default-border-radius) {
  @include border-corner-radius(top, right, $radius);
}

@mixin border-bottom-left-radius($radius: $default-border-radius) {
  @include border-corner-radius(bottom, left, $radius);
}

@mixin border-bottom-right-radius($radius: $default-border-radius) {
  @include border-corner-radius(bottom, right, $radius);
}


@mixin pos-abs($top: auto, $right: auto, $bottom: auto, $left: auto){

  top:$top;
  right:$right;
  bottom:$bottom;
  left:$left;
  position:absolute;
}

@mixin pos-rel($top: auto, $right: auto, $bottom: auto, $left: auto){
  top:$top;
  right:$right;
  bottom:$bottom;
  left:$left;
  position:relative;
}

@mixin pos-fix($top: auto, $right: auto, $bottom: auto, $left: auto){
  top:$top;
  right:$right;
  bottom:$bottom;
  left:$left;
  position:fixed;
}
